<template>
  <footer class="footer">
  	<span>{{footer}}</span><span class="ver"><a target="_blank"
  		href="http://www.smtflow.com">Smtflow 1.0</a></span>
  </footer>
</template>

<script>
  export default {
    name: 'FlowFooter',
    props: ['footer']
  }
</script>

<style scoped>
  footer.footer {
    height: 20px;
    width: 100%;
    position: absolute;
    bottom: 7px;
    padding: 0 8px 0 75px;
    box-sizing: border-box;
  }

  footer.footer a:link,
  footer.footer a:link {
    color: #0a5b85;
    text-decoration: none;
  }
  footer.footer span {	
    font-size: 13px;
    line-height: 20px;
    text-shadow: #FFF 2px 2px 2px;
    color: #0a5b85;
  }
  footer.footer span:first-child {
    float: left;
  }
  footer.footer span.ver {
    float: right;
    font-style: italic;
    font-family: Georgia, sans-serif;
  }
</style>
